<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./src/vue.js"></script>

</head>
<body>



<div id="app">
    <h1>{{msg}}</h1>
    <h1>miaov.abc : {{miaov.abc}}</h1>
    <h1>{{miaov.ketang}}</h1>

</div>


<script>
    let vm = new Vue({
        el: '#app',
        data:{  //只用计划好的数据,才能做响应 reactive
            msg:'hello',
            miaov:{
                abc:123
            }
        },
        methods:{

        }

    })

    //1. 调用Vue的静态方法 set
    // 语法 Vue.set(target,prop,value)
   /* setTimeout(function () {
        Vue.set(vm.miaov,'ketang','我是新添加的')
    },2000)*/

   //2. 调用实例上的方法
   /* setTimeout(function () {
        vm.$set(vm.miaov,'ketang',"我是新添加的")

    },2000)*/

   //3. 改写属性的值, 重新赋值 ,但是原本的对象属性会丢失

    setTimeout(function () {

        vm.miaov =  Object.assign(vm.miaov,{ketang:"我是新添加的"})
    },2000)


    // 静态方法
    function fn() {

    }
    // 挂载在函数上的方法称为静态方法, 调用的时候通过函数调用
    fn.miaov = function () {

    }

    // 什么是原型方法 , 必须通过实例去调用
    console.log(Array.prototype)
    var arr = new Array();
    arr.push()




</script>


</body>
</html>